<template>
	<view>
		<text v-if="num" class="bg-danger free_badge text-white rounded-circle font-sm" :class="badgeClass" :style="badgeStyle">{{num}}</text>
	</view>
</template>

<script>
	export default {
		props:{
			num:{
				type:Number,
				default:''
			},
			badgeClass:{
				type:String,
				default:''
			},
			badgeStyle:{
				type:String,
				default:''
			},
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	@import '@/common/free.css';
	@import '@/common/common.css';
	/* #ifndef APP-PLUS */
	.free_badge{
		padding-left: 12rpx;
		padding-right: 12rpx;
		padding-top: 2rpx;
		padding-bottom: 2rpx;
	}
	/* #endif */
	/* #ifdef APP-PLUS */
	.free_badge{
		padding-left: 13rpx;
		padding-right: 13rpx;
		padding-top: 1rpx;
		padding-bottom: 1rpx;
	}
	/* #endif */
</style>
